
<div class="card sticky-action fixed-height {{isAppScreen?'no-cursor':''}}"  [ngClass]="{'card-dark-theme':appService.currentTheme === 'dark','card-light-theme':appService.currentTheme === 'light'}">
  <div class="card-image waves-effect waves-block waves-light">
    <div class="activator image image-background {{isAppScreen?'no-cursor':''}}" [ngStyle]="{'background-image':'url('+app.icon+')'}"></div>
  </div>
  <div class="card-content">
    <i class="material-icons left green-text" *ngIf="app.__is_installed">done</i>
    <span class="card-title card-title-one activator truncate {{isAppScreen?'no-cursor':''}}" [ngClass]="{'text-dark-theme':appService.currentTheme === 'dark','text-light-theme':appService.currentTheme === 'light'}">
    <i class="material-icons right white-text cursor" *ngIf="!isAppScreen">more_vert</i>
      {{app.name}}
    </span>
  </div>
  <div class="card-reveal {{isAppScreen?'no-cursor':''}}" *ngIf="!isAppScreen" [ngClass]="{'card-dark-theme':appService.currentTheme === 'dark','card-light-theme':appService.currentTheme === 'light'}">
    <span class="card-title card-title-two truncate {{isAppScreen?'no-cursor':''}}" [ngClass]="{'text-dark-theme':appService.currentTheme === 'dark','text-light-theme':appService.currentTheme === 'light'}">{{app.name}}</span>
    <p class="description">
      {{app.summary}}
    </p>
  </div>
  <div class="card-action right-align" *ngIf="!isAppScreen">
    <div class="cfooter no-outline {{isAppScreen?'no-cursor':'cursor'}}" routerLink="/app/{{index}}/{{app.packageName}}">MORE</div>
  </div>
</div>
